<template>
  <div class="temp">
    <iframe
      id="fram_home"
      :src="`${reportSrc}`"
      frameborder="0"
      scrolling="yes"
      style="width: 100%;height:95vh"
    ></iframe>
  </div>
</template>

<script>

export default {
  name: "report",
  data() {
    return {

    }
  },
  components: {},
  computed: {
    reportSrc() {
      if (!process.env.VUE_APP_REPORT_API) {
        return;
      }
      return process.env.VUE_APP_REPORT_API + '/#/bigscreen/viewer?reportCode=001';
    },
  },
  created() {
    window.parent.postMessage({
        url: 'http://localhost:9527',
        isShow: 'no',
      },'*')
  },
  methods: {}
};
</script>

<style scoped>
/* .temp {
  width: 100%;
  height: 90vh;
  bottom: 0;
  position: relative;
  max-width: 1893px;
  background: url(../../assets/images/home.png);
  background-size: 100% 100%;
} */
</style>